.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .sign-wrapper,
body .sign-wrapper {
  padding-top: 1.386666666666667rem;
}
html .sign-wrapper .header,
body .sign-wrapper .header {
  background: #fcfcfc;
  width: 8.933333333333334rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  z-index: 9;
  padding: 0rem 0.533333333333333rem;
  font-size: 0;
  position: fixed;
  top: 0;
  left: 0;
}
html .sign-wrapper .header .back-wrapper,
body .sign-wrapper .header .back-wrapper {
  width: 1.6rem;
  height: 1.333333333333333rem;
  padding-left: 0.4rem;
  background: url("../img/back-icon.png") no-repeat left center;
  background-size: 0.226666666666667rem 0.4rem;
  font-size: 0.426666666666667rem;
  font-family: SimHei;
}
html .sign-wrapper .header .title,
body .sign-wrapper .header .title {
  width: 4.933333333333334rem;
  font-size: 0.426666666666667rem;
  vertical-align: top;
  font-family: SimHei;
}
html .sign-wrapper .header .sign-recode-btn,
body .sign-wrapper .header .sign-recode-btn {
  width: 2rem;
  vertical-align: top;
  font-size: 0.426666666666667rem;
  font-family: SimHei;
  color: #666;
}
html .sign-wrapper .sign-top-wrapper .big-bg,
body .sign-wrapper .sign-top-wrapper .big-bg {
  vertical-align: bottom;
}
html .sign-wrapper .sign-top-wrapper .small-bg,
body .sign-wrapper .sign-top-wrapper .small-bg {
  vertical-align: bottom;
  display: none;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets,
body .sign-wrapper .sign-top-wrapper .btn-and-assets {
  top: 0.453333333333333rem;
  left: 0.8rem;
  font-size: 0;
  color: #fff;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .coin-wrapper,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .coin-wrapper {
  vertical-align: top;
  font-size: 0.346666666666667rem;
  width: 2.666666666666667rem;
  margin-top: 0.933333333333333rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .coin-wrapper p,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .coin-wrapper p {
  font-size: 0.453333333333333rem;
  font-weight: 700;
  margin-top: 0.266666666666667rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper {
  vertical-align: top;
  font-size: 0.666666666666667rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn {
  width: 3.04rem;
  height: 3.04rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn.sign-btn,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn.sign-btn {
  line-height: 3.04rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn.next-sign-btn,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .sign-btn-wrapper .btn.next-sign-btn {
  display: none;
  padding-top: 0.666666666666667rem;
  height: 2.373333333333334rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .gift-wrapper,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .gift-wrapper {
  vertical-align: top;
  font-size: 0.346666666666667rem;
  width: 2.666666666666667rem;
  margin-top: 0.933333333333333rem;
}
html .sign-wrapper .sign-top-wrapper .btn-and-assets .gift-wrapper p,
body .sign-wrapper .sign-top-wrapper .btn-and-assets .gift-wrapper p {
  font-size: 0.453333333333333rem;
  font-weight: 700;
  margin-top: 0.266666666666667rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg,
body .sign-wrapper .sign-top-wrapper .new-sign-bg {
  top: 3.866666666666667rem;
  left: 0.246666666666667rem;
  width: 9.506666666666666rem;
  height: 2.853333333333333rem;
  background: url("../img/new-sign-bg-1.png") no-repeat center center;
  background-size: 9.506666666666666rem 2.853333333333333rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn {
  position: relative;
  width: 2.453333333333333rem;
  height: 0.693333333333333rem;
  line-height: 0.693333333333333rem;
  font-size: 0.4rem;
  font-family: SimHei;
  color: #f44a4a;
  margin: 0.32rem 0.533333333333333rem 0 0;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn:after,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #f44a4a;
  content: '';
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn:after,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn:after {
  border-radius: 1.866666666666667rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn.new-signed-btn,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .new-sign-wrapper .new-btn.new-signed-btn {
  display: none;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper {
  font-size: 0;
  width: 8.813333333333333rem;
  margin-left: 0.346666666666667rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li {
  font-size: 0.32rem;
  width: 1.2rem;
  height: 1.333333333333333rem;
  background: url("../img/red-bg-1.png") no-repeat center center;
  background-size: 1.066666666666667rem auto;
  vertical-align: top;
  margin-top: 0.32rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li.active,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li.active {
  background: url("../img/red-bg-2.png") no-repeat center center;
  background-size: 1.066666666666667rem auto;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-coin,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-coin {
  color: #fff;
  width: 102%;
  bottom: 0.266666666666667rem;
  left: -0.026666666666667rem;
  transform: scale(0.6);
  -webkit-transform-: scale(0.6);
  text-align: center;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-coin.active,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-coin.active {
  display: none;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift {
  width: 2.133333333333333rem;
  height: 0.453333333333333rem;
  top: -0.186666666666667rem;
  left: -0.48rem;
  color: #b94c00;
  text-align: center;
  background: url("../img/award-gift-icon.png") no-repeat center center;
  background-size: 1.066666666666667rem auto;
  font-size: 0.32rem;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift.active,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift.active {
  display: none;
}
html .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift span,
body .sign-wrapper .sign-top-wrapper .new-sign-bg .award-detail-wrapper li .award-gift span {
  width: 100%;
  height: 100%;
  line-height: 0.453333333333333rem;
  top: 0;
  left: 0;
  transform: scale(0.7);
  -webkit-transform-: scale(0.7);
}
html .sign-wrapper .sign-success-wrapper,
body .sign-wrapper .sign-success-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9;
  display: none;
}
html .sign-wrapper .sign-success-wrapper .sign-success,
body .sign-wrapper .sign-success-wrapper .sign-success {
  width: 10rem;
  height: 12rem;
  background: url("../img/success-bg.png") no-repeat center center;
  background-size: 10rem auto;
  margin-top: 3.466666666666667rem;
}
html .sign-wrapper .sign-success-wrapper .sign-success .success-detail,
body .sign-wrapper .sign-success-wrapper .sign-success .success-detail {
  width: 4.666666666666667rem;
  margin-left: 2.666666666666667rem;
  padding-top: 5.066666666666666rem;
  color: #666;
}
html .sign-wrapper .sign-success-wrapper .sign-success .success-detail .success-title,
body .sign-wrapper .sign-success-wrapper .sign-success .success-detail .success-title {
  font-size: 0.533333333333333rem;
  font-family: SimHei;
}
html .sign-wrapper .sign-success-wrapper .sign-success .success-detail .success-award,
body .sign-wrapper .sign-success-wrapper .sign-success .success-detail .success-award {
  font-size: 0.373333333333333rem;
  font-family: SimHei;
  margin-top: 0.266666666666667rem;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-title,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-title {
  padding: 0.4rem 0.533333333333333rem;
  font-family: SimHei;
  font-size: 0.426666666666667rem;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-title .left-wrapper,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-title .left-wrapper {
  color: #ff4545;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-title .right-wrapper,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-title .right-wrapper {
  color: #999;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul {
  font-size: 0;
  padding: 0 0.933333333333333rem;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li {
  font-size: 0.32rem;
  width: 0.8rem;
  margin-right: 0.666666666666667rem;
  margin-bottom: 0.56rem;
  vertical-align: top;
  font-family: SimHei;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:nth-child(6n),
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:nth-child(6n) {
  margin-right: 0;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:nth-child(6n) .signed-line.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:nth-child(6n) .signed-line.signed {
  display: none;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:last-child .signed-line.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li:last-child .signed-line.signed {
  display: none;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-bg,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-bg {
  width: 0.8rem;
  height: 0.88rem;
  margin-bottom: 0.16rem;
  background: url("../img/sign-coin-small.png") no-repeat bottom center;
  background-size: 0.72rem auto;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-bg.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-bg.signed {
  background: url("../img/signed-icon.png") no-repeat bottom center;
  background-size: 0.8rem auto;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-count,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-count {
  width: 2.346666666666667rem;
  left: -0.733333333333333rem;
  color: #f9754c;
  transform: scale(0.8);
  -webkit-transform-: scale(0.8);
  margin-bottom: 0.16rem;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-count.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-count.signed {
  color: #999;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-order,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-order {
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.56rem;
  border-radius: 50%;
  margin-left: 0.16rem;
  background: #e8e8e8;
  color: #f9754c;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-order.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .award-order.signed {
  background: #f9754c;
  color: #fff;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .signed-line,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .signed-line {
  right: -0.826666666666667rem;
  bottom: 0.213333333333333rem;
  width: 0.986666666666667rem;
  height: 0.053333333333333rem;
  background: #f9754c;
  display: none;
}
html .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .signed-line.signed,
body .sign-wrapper .sign-bottom-wrapper .daily-sign-detail ul li .signed-line.signed {
  display: block;
}
html .sign-wrapper .sign-rule-wrapper,
body .sign-wrapper .sign-rule-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0,0,0,0.6);
  display: none;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content {
  width: 7.6rem;
  height: 10.746666666666666rem;
  background: #fff;
  border-radius: 0.186666666666667rem;
  margin: 3.333333333333333rem 1.2rem 0 1.2rem;
  font-family: SimHei;
  font-size: 0.4rem;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content .title,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content .title {
  width: 7.6rem;
  height: 1.173333333333333rem;
  line-height: 1.173333333333333rem;
  background: #f14a4a;
  color: #fff;
  border-radius: 0.186666666666667rem 0.186666666666667rem 0 0;
  font-size: 0.426666666666667rem;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content .close-wrapper,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content .close-wrapper {
  width: 1.44rem;
  height: 1.173333333333333rem;
  top: 0;
  right: 0;
  background: url("../img/close-icon.png") no-repeat center center;
  background-size: 0.373333333333333rem auto;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail {
  width: 6.4rem;
  margin: 0.266666666666667rem 0.6rem 0 0.6rem;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail h4,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail h4 {
  font-weight: normal;
  margin-bottom: 0.4rem;
}
html .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail div,
body .sign-wrapper .sign-rule-wrapper .sign-rule-content .sign-rule-detail div {
  color: #999;
  line-height: 0.64rem;
  margin-bottom: 0.293333333333333rem;
  text-align: justify;
}
